.banner{height: 400px;position: relative;}
.bannerPC{display:block}
.bannerM{display:none}
.banner .swiper-container,.banner .swiper-slide{width: 100%;height: 100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;box-sizing: border-box;border: 1px solid #3c62c3;opacity: 1;background: transparent;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullet-active{background: #3C62C3;}
.banner>.content{position: absolute;top: 0;width: 1200px;left:50%;margin-left:-600px;height:350px;z-index: 11;}
.bannerText{position: absolute;width: 277px;height: 298px;top: 50px;right: 0;background: rgba(255,255,255,0.4);border-radius: 3px;padding: 7px;box-sizing: border-box;}
.bannerText .box{width: 264px;height: 286px;background: #fff;border-radius: 3px;box-shadow: 0 4px 6px rgba(0,0,0,0.1);box-sizing: border-box;padding: 32px 28px 0;}
.bannerText .box .codeBox{display: flex;justify-content: space-between;padding-bottom: 23px;border-bottom: 2px solid #e7e7e7;}
.bannerText .box .codeBox .Img{width: 60px;height: 60px;margin-left: 8px;}
.bannerText .box .codeBox .Text{width: 126px;font-size: 14px;color: #323232;line-height: 28px;padding: 2px 0;}
.bannerText .box .linkBox{padding-top: 20px;}
.bannerText .box .linkBox a{display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;border-radius: 5px;background: #607cc3;font-size: 14px;color: #fff;/*font-family: "思源黑体 CN"*/;margin-bottom: 18px;}
.bannerText .box .linkBox a:nth-child(2){background: #cb8800;}

.row1{padding-top: 55px;}
.row p.title{line-height: 38px;padding-bottom: 14px;position: relative;font-size: 28px;color: #333333;text-align: center;}
.row p.title:after{position: absolute;content: "";width: 32px;height: 2px;background: #3c62c3;left: 50%;margin-left: -16px;bottom: 0;}
.row1 ul{padding: 36px 0 60px;display: flex;}
.row1 ul li{text-align: center;width: 240px;position: relative;}
.row1 ul li:after{position: absolute;content: "";width: 1px;height: 160px;background: #e9e9e9;top: 10px;right: 0;}
.row1 ul li:last-child::after{display: none;}
.row1 ul li a{/*font-family: "思源黑体 CN"*/}
.row1 ul li .Icon{width: 114px;height: 114px;display: inline-block;transition: all .3s ease-in-out;background: url(../img/tabIcon.png) left top no-repeat;}
.row1 ul li:nth-child(2) .Icon{background-position-x: -241px!important;}
.row1 ul li:nth-child(3) .Icon{background-position-x: -480px!important;}
.row1 ul li:nth-child(4) .Icon{background-position-x: -720px!important;}
.row1 ul li:nth-child(5) .Icon{background-position-x: -960px!important;}
.row1 ul li p{margin-top: 10px;line-height: 30px;font-size: 18px;color: #333333;}
.row1 ul li span{font-size: 12px;color: #666666;line-height: 18px;font-family: Arial;display: block;}
.row1 ul li:hover .Icon{background-position-y: bottom!important;}
.row1 ul li:hover p,.row1 ul li:hover span{color: #3c62c3;}

.row2{background: url(../img/bk1.jpg) center center no-repeat;padding: 48px 0 40px;background-size: cover;}
.row2 .tab{margin: 20px 0 30px;text-align: center;}
.row2 .tab i{padding:0 23px;line-height: 30px;display: inline-block;border-radius: 30px;background: #ebebeb;font-size: 14px;color: #666666;font-style: normal;margin: 0 8px;cursor: pointer;}
.row2 .tab i:hover,.row2 .tab i.active{background: #3c62c3;color: #fff;}
.row2 .tabConBox{height: 320px;position: relative;}
.row2 .tabCon{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;z-index: -1;}
.row2 .tabCon1{opacity: 1;z-index: 1;}
.row2 .swiper-container{height:283px;}
.row2 .swiper-slide{box-shadow: 0px 4px 15px rgba(0,0,0,.1);width: 582px;height: 105px;background: #fff;border-radius: 10px;padding: 20px;box-sizing: border-box;line-height: 34px;/*font-family: "思源黑体 CN"*/;font-size: 14px;}
.row2 .swiper-slide p{color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.row2 .swiper-slide span{color: #999999;margin-right: 10px;}
.row2 .btnBox{width: 100%;height: 30px;text-align: center;}
.row2 .btnBox div,.row2 .btnBox .more{width: 30px;height: 30px;display: inline-block;position: static;margin: 0 3px;}
.row2 .btnBox .swiper-button-prev{background: url(../img/arrowIcon.png) -1px -1px no-repeat;}
.row2 .btnBox .swiper-button-next{background: url(../img/arrowIcon.png) -81px -1px no-repeat;}
.row2 .btnBox .swiper-button-next:after,.row2 .btnBox .swiper-button-prev:after{content: "";}
.row2 .btnBox .swiper-button-next.swiper-button-disabled,.row2 .btnBox  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.row2 .btnBox :hover{background-position-y: calc(100% + 1px)!important;}
.row2 .btnBox .more{cursor: pointer;background: url(../img/arrowIcon.png) -41px -1px no-repeat;}
.row2 .tabCon1 .swiper-slide:hover{border: 1px solid #3C62C3;}
.row2 .tabCon1 .swiper-slide:hover p{color: #3c62c3;}
.row2 .tabCon2 .summary{height:243px;background:#fff;box-shadow: 0px 4px 15px rgba(0,0,0,.1);border-radius: 10px;padding: 23px 30px;box-sizing: border-box;line-height: 32px;/*font-family: "思源黑体 CN"*/;font-size: 16px;color:#666666;text-indent: 2em;margin-bottom: 40px;}
.row2 .tabCon3 .swiper-container{margin-top:-10px;margin-bottom:10px;padding-top: 35px;box-sizing: border-box;}
.row2 .tabCon3 .swiper-slide{height: 198px;border-radius:0;box-shadow:0 0;padding:0;overflow:hidden;line-height: 198px;text-align: center;}
.row2 .tabCon3 .swiper-slide img{width:100%;transition:all .3s ease-in-out;height: 100%;}
.row2 .tabCon3 .swiper-slide:hover img{transform:scale(1.2)}

.row3{margin: 40px 0 30px;}
.row3 .content{display: flex;justify-content: space-between;}
.row3 .iNews{width: 740px;height: 503px;border: 1px solid #e0e0e0;}
.row3  .tabHead{height: 46px;border-bottom: 1px solid #94c4e0;position: relative;}
.row3  .tabHead .tab{font-size: 0;}
.row3  .tabHead .tab i{cursor:pointer;width: 147px;display: inline-block;height: 46px;line-height: 46px;text-align: center;font-style: normal;font-size: 16px;color: #333333;position: relative;vertical-align: middle;}
.row3  .tabHead .tab i.active,.row3 .iNews .tabHead .tab i:hover{background: #3c62c3;color: #fff;}
.row3  .tabHead .tab i:after{content: "";position: absolute;width: 1px;height: 20px;right: 0;top: calc(50% - 10px);background: #E0E0E0;}
.row3  .tabHead .tab i.active::after,.row3 .tabHead .tab i:hover::after{display: none;}
.row3  .tabHead .more{position: absolute;padding-right:23px;font-size: 14px;color: #3c62c3;top: 0;line-height: 46px;right: 0;font-family: Arial;}
.row3  .tabHead .more span{font-family:'宋体';font-size: 12px;}
.row3 .iNews .tabCon{padding: 0 25px;box-sizing: border-box;display: none;}
.row3 .iNews .tabCon1{display: block;}
.row3 .iNews .tabCon ul li{height: 50px;line-height: 50px;border-bottom: 1px solid #ededed;transition: all .3s ease-in-out;box-sizing: border-box;}
.row3 .iNews .tabCon ul li a{display: flex;justify-content: space-between;}
.row3 .iNews .tabCon ul li a p{width: calc(100% - 100px);font-size: 14px;/*font-family: "思源黑体 CN"*/;color: #555555;padding-left: 22px;position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.row3 .iNews .tabCon ul li a p:after{content: "";position: absolute;width: 6px;height: 6px;background: #adadad;top: calc(50% - 3px);left: 0;}
.row3 .iNews .tabCon ul li a .time{font-family: arial;font-size: 12px;color: #999999;}
.row3 .iNews .tabCon ul li:hover{border: 1px solid #3C62C3;padding: 0 20px;background: #e8f2fb;}
.row3 .iNews .tabCon ul li:hover p{color: #3C62C3;}
.row3 .iNews .tabCon ul li:hover .time{color: #3C62C3;}
.row3 .iNews .tabCon ul li:hover p:after{background: #3C62C3;}
.row3 .iNews .tabCon ul li:nth-child(9){border-bottom:0}
.row3 .iFeedback{width: 440px;height: 503px;border: 1px solid #e0e0e0;}
.row3 .iFeedback>p{height: 46px;border-bottom: 1px solid #94c4e0;}
.row3 .iFeedback .tabCon{padding: 40px 53px 0 35px;box-sizing: border-box;}
.row3 .iFeedback form p{line-height: 40px;margin-bottom: 30px;display: flex;/*font-family: "思源黑体 CN"*/;justify-content: space-between;}
.row3 .iFeedback form span{width: 82px;color: #666666;font-size: 14px;}
.row3 .iFeedback form i{color: #ef2626;margin-right: 5px;display: inline-block;vertical-align: middle;font-style: normal;}
.row3 .iFeedback form input[type=text]{width: 270px;height: 38px;box-sizing: border-box;border: 1px solid #d8d8d8;padding: 0 14px;line-height: 40px;}
.row3 .iFeedback form textarea{height: 105px;width: 270px;box-sizing: border-box;border: 1px solid #d8d8d8;padding: 0 14px;line-height: 40px;resize:none}
.row3 .iFeedback form input[name=VC]{width: 190px;}
.row3 .iFeedback form img{width: 70px;margin-left: 9px;height: 38px;}
.row3 .iFeedback form input[type=submit]{display:inline-block;width: 110px;height: 39px;text-align: center;line-height: 39px;color: #fff;background: #3C62C3;border-radius: 5px;border: 0;margin-left: calc(50% - 55px);}
.row3 .iFeedback form input::-webkit-input-placeholder,.row3 .iFeedback form textarea::-webkit-input-placeholder{color: #999999;font-size: 14px;/*font-family: "思源黑体 CN"*/;}    /* 使用webkit内核的浏览器 */
.row3 .iFeedback form input:-moz-placeholder,.row3 .iFeedback form textarea:-moz-placeholder{color: #999999;font-size: 14px;/*font-family: "思源黑体 CN"*/;}                  /* Firefox版本4-18 */
.row3 .iFeedback form input::-moz-placeholder,.row3 .iFeedback form textarea::-moz-placeholder{color: #999999;font-size: 14px;/*font-family: "思源黑体 CN"*/;}                  /* Firefox版本19+ */
.row3 .iFeedback form input:-ms-input-placeholder,.row3 .iFeedback form textarea:-ms-input-placeholder{color: #999999;font-size: 14px;/*font-family: "思源黑体 CN"*/;}           /* IE浏览器 */

.row4 .content{border: 1px solid #e0e0e0;height: 273px;margin-bottom: 50px;}
.row4 .tabHead{height: 46px;border-bottom: 1px solid #94c4e0;position: relative;}
.row4 .tabHead .tab{font-size: 0;}
.row4 .tabHead .tab i{cursor:pointer;width: 147px;display: inline-block;height: 46px;line-height: 46px;text-align: center;font-style: normal;font-size: 16px;color: #333333;position: relative;vertical-align: middle;}
.row4 .tabHead .tab i.active,.row3 .iNews .tabHead .tab i:hover{background: #3c62c3;color: #fff;}
.row4 .tabHead .tab i:after{content: "";position: absolute;width: 1px;height: 20px;right: 0;top: calc(50% - 10px);background: #E0E0E0;}
.row4 .tabHead .tab i.active::after,.row3 .tabHead .tab i:hover::after{display: none;}
.row4 .tabHead .more{position: absolute;padding-right:23px;font-size: 14px;color: #3c62c3;top: 0;line-height: 46px;right: 0;font-family: Arial;}
.row4 .tabHead .more span{font-family:'宋体';font-size: 12px;}
.row4 .tabCon{padding: 25px 23px 0 25px;box-sizing: border-box;}
.row4 .tabCon ul{display: flex;flex-wrap: wrap;}
.row4 .tabCon ul li{width: 171px;height: 70px;margin-right: 25px;background: #f2f2f2;margin-bottom: 24px;line-height: 70px;text-align: center;transition: all .3s ease-in-out;}
.row4 .tabCon ul li:nth-child(6n){margin-right:0;}
.row4 .tabCon ul li a{color: #666;display: block;width: 100%;height: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 2px;}
.row4 .tabCon ul li:hover{background: #3C62C3;}
.row4 .tabCon ul li:hover a{color: #fff;}

.tanchuangBox{position:fixed;top:0;background:rgba(0,0,0,0.4);width:100%;height:100%;z-index:1000;display:none}
.tanchuang{position:absolute;width:560px;left:calc(50% - 280px);top:calc(50% - 170px);height:340px;background:#fff;padding:50px;box-sizing:border-box}
.tanchuang .close{width:14px;height:14px;background:url(../img/closeG.png) center center no-repeat;position: absolute;right: 20px;top: 20px;cursor:pointer}
.tanchuang>p{font-size:14px;margin-bottom:40px}
.tanchuang input{width: 45%;height: 25px;margin-bottom:20px;border-radius:3px;}
.tanchuang form{display:flex;flex-wrap:wrap}
#cerNo,#cerName{border:1px solid #666;padding:0 10px;box-sizing:border-box}
#whoissub{margin-top:30px;height:30px;border:1px solid #999}
#whoissub:hover{background:#3c62c3;color:#fff}

@media screen and (max-width:880px){
    .banner{height: 51vw;margin-top: 17vw;}
    .bannerPC{display:none}
    .bannerM{display:block}
    .banner>.content{display:none}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:4vw}

    .row1{padding-top: 6vw;}
    .row p.title{font-size:16px;line-height: 6vw;padding-bottom: 2vw;}
    .row p.title:after{width: 5vw;margin-left: -2.5vw;height: 1px;}
    .row1 ul{padding: 3vw 1vw 2vw;display:flex;flex-wrap:wrap;}
    .row1 ul li{width: 30vw;margin-bottom:2vw;padding: 0 1vw;box-sizing: border-box;}
    .row1 ul li:after{height: calc(100% - 20px);}
    .row1 ul li:nth-child(3)::after{display:none}
    .row1 ul li .Icon{width:15vw;height:15vw;background-size:auto 30vw}
    .row1 ul li:nth-child(2) .Icon{background-position-x: -31vw!important;}
    .row1 ul li:nth-child(3) .Icon{background-position-x: -62vw!important;}
    .row1 ul li:nth-child(4) .Icon{background-position-x: -93vw!important;}
    .row1 ul li:nth-child(5) .Icon{background-position-x: -124vw!important;}
    .row1 ul li p{font-size:14px;margin-top:1vw;line-height: 5vw;}
    .row1 ul li span{font-size:10px;line-height: 4vw;/* letter-spacing: -1px; */}

    .row2{padding:5vw 0 3vw}
    .row2 .tab{margin:3vw 0 4vw}
    .row2 .tab i{height: 7vw;line-height: 7vw;padding:0 3vw;margin: 0 1vw;}
    .row2 .tabConBox{height:105vw}
    .row2 .tabCon1 .swiper-container{height:95vw}
    .row2 .tabCon1 .swiper-slide{padding:3vw 4vw;line-height: 7vw;height: auto;}
    .row2 .tabCon1 .swiper-slide span{font-size:10px}
    .row2 .tabCon2 .summary{padding:4vw;font-size:12px;line-height: 5vw;overflow:hidden;margin-bottom: 3vw;height: 90vw;}
    .row2 .tabCon3 .swiper-container{height: 90vw;margin-top: 2vw;padding-top: 0;}
    .row2 .tabCon3 .swiper-slide{height:40vw;line-height: 40vw;}

    .row3{margin:6vw 0 3vw}
    .row3 .content{display:block;}
    .row3 .iNews{width:100%;height: auto;margin-bottom: 6vw;}
    .row3 .tabHead{height:8vw;}
    .row3 .tabHead .tab i{width: 24vw;line-height:8vw;height: 8vw;font-size: 14px;}
    .row3 .tabHead .more{padding-right:2vw;line-height:8vw;font-size:12px}
    .row3 .iNews .tabCon{padding:0 2vw}
    .row3 .iNews .tabCon ul li{height:10vw;line-height:10vw}
    .row3 .iNews .tabCon ul li:hover{padding:0 2vw}
    .row3 .iNews .tabCon ul li a p{font-size:13px;padding-left: 4vw;}
    .row3 .iNews .tabCon ul li a p:after{width: 4px;height: 4px;top: calc(50% - 2px);}
    .row3 .iNews .tabCon ul li:last-child{/* border-bottom:0 */}
    .row3 .iFeedback{width:100%;height: auto;margin-bottom: 6vw;}
    .row3 .iFeedback .tabCon{padding: 6vw 6vw 3vw;}
    .row3 .iFeedback form p{line-height:8vw;margin-bottom: 5vw;}
    .row3 .iFeedback form span{font-size:13px;width: 21vw;}
    .row3 .iFeedback form input[type=text]{width:60vw;height: 8vw;padding: 0 3vw;}
    .row3 .iFeedback form textarea{width:60vw;height:30vw}
    .row3 .iFeedback form input[name=VC]{width:38vw}
    .row3 .iFeedback form img{width:19vw;margin-left:3vw;height: 8vw;}
    .row3 .iFeedback form input[type=submit]{width:25vw;height:9vw;line-height:9vw;border-radius:3px;font-size:12px;margin-left: calc(50% - 12.5vw);}
    
    .row4 .content{height:auto;margin-bottom: 7vw;}
    .row4 .tabHead{height:8vw;}
    .row4 .tabHead .tab i{width: 24vw;line-height:8vw;height: 8vw;font-size: 14px;}
    .row4 .tabHead .more{padding-right:2vw;line-height:8vw;font-size:12px}
    .row4 .tabCon{padding:6vw 4vw 0}
    .row4 .tabCon ul li{width: 40vw;margin-right:4vw;margin-bottom:4vw;height: 14vw;line-height: 14vw;}
    .row4 .tabCon ul li:nth-child(2n){margin-right:0}

    .tanchuang{width:80%;left:10%;height: 400px;top: calc(50% - 200px);padding: 15vw 5vw;}
    .tanchuang>p{margin-bottom:6vw}
    .tanchuang form{display: block;}
    .tanchuang form *{display: inline-block;}
    .tanchuang input{width: 98%;margin-bottom: 0;}
    #whoissub{margin-top:6vw}
}